<template>
  <div>
    <div id="main" style="width: 90%;height: 300px;"></div>
  </div>
</template>

<script>
import * as echarts from "echarts";
export default {
  data() {
    return {};
  },
  mounted() {
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById("main"));
    // 指定图表的配置项和数据
var option = {
    xAxis: {
        type: 'time',
        splitLine: {
            show: false
        }
    },
    yAxis: {
        type: 'value',
        splitLine: {
            show: false
        }
    },
    series: [{
        data: [
            // 时间使用 JavaScript 的 Date.UTC 方法转为时间戳
            [new Date('2023-04-01T00:00:00Z').getTime(), 820],
            [new Date('2023-04-02T00:00:00Z').getTime(), 932],
            [new Date('2023-04-03T00:00:00Z').getTime(), 901],
            // ... 更多数据点
        ],
        type: 'line'
    }]
};
    // 绘制图表
    myChart.setOption(option);
  },
};
</script>

<style lang="less" scoped></style>
